<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>${info.title} - ${site.fullNameOrName}${global.customs['poweredBy']}</title>
    <meta name="keywords" content="${node.keywords}">
    <meta name="description" content="${node.description}">
    [#include 'inc_meta.html'/]
    [#include 'inc_css.html'/]
    [#include 'inc_js.html'/]
</head>
<body>
[#include 'inc_header.html'/]
<div class="container">
    <div class="row">
        <div class="col">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="${dy}/special_category">专题</a></li>
                    <li class="breadcrumb-item"><a href="${dy}/special_category/${special.category.id}">${special.category.name}专题</a></li>
                </ol>
            </nav>
            <div class="border-info pl-4 pb-2" style="border-left:5px solid;">
                <h1 class="text-info">${special.title}</h1>
                <div class="text-muted">
                    <i class="far fa-eye"></i> <span id="special_views"></span>
                    <script>$("#special_views").load("${dy}/special_views/${special.id}?d=" + new Date() * 1);</script>
                </div>
                <div class="mt-2 text-muted">${special.metaDescription}</div>
            </div>
            <div class="mt-3">
                [@InfoPage specialId=special.id pageSize='10';pagedList]
                <ul class="list-unstyled">
                    [#list pagedList.content as bean]
                    <li class="mt-3 media position-relative pb-3 border-bottom">
                        [#if bean.smallImage??]<img src="${bean.smallImage}" class="mr-3 cm-media-img" alt="${bean.title}">[/#if]
                        <div class="media-body">
                            <p class="mt-0 mb-1"><a href="${bean.url}" class="text-reset stretched-link">${bean.title}</a></p>
                            <p class="small text-muted d-none d-sm-block mb-2">${substring(bean.description,80,'...')}</p>
                            <div class="small text-muted mt-2">
                                <i class="far fa-clock"></i> ${bean.publishDate?string('yyyy-MM-dd')}
                                <i class="ml-2 far fa-eye"></i> ${bean.bufferViews}
                            </div>
                        </div>
                    </li>
                    [/#list]
                </ul>
                [#include 'page.html'/]
                [/@InfoPage]
            </div>
        </div>
    </div>
</div>

[#include 'inc_footer.html'/]
</body>
</html>
[/#escape]
